<template>
  <section style="  padding-top: 0px; padding-bottom: 0px;">
    <header class="header-area">
      <div class="main-header">
        <div class="container">
          <div class="row">
            <div class="col-lg-12" style="width: 100%;">
              <div
                class="main-header-item d-flex justify-content-between align-items-center"
              >
                <div class="main-header-menus  d-flex">
                  <div class="logo" style="height: 10px">
                    <a href="/"
                      ><img
                        style="height: 70px"
                        src="/assets/images/logo.png"
                        alt=""
                    /></a>
                  </div>

                  <div class="header-menu d-none d-lg-block">
                    <ul>
                      <li>
                        <a class="active" @click="$router.push('/')">首页</a>
                      </li>
                      <li>
                        <a href="#" @click="$router.push('/search')"
                          >信息智能处理</a
                        >
                        <ul class="sub-menu">
                          <li>
                            <nuxt-link to="/search">信息处理详情</nuxt-link>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="#" @click="$router.push('/single-service')"
                          >智能处理样理展示</a
                        >
                        <ul class="sub-menu">
                          <li>
                            <nuxt-link to="/single-service">样例展示</nuxt-link>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="#" @click="$router.push('/authors')"
                          >经典作者介紹</a
                        >
                        <ul class="sub-menu">
                          <li><nuxt-link to="/authors">作者介绍</nuxt-link></li>
                          <li>
                            <nuxt-link to="/single-author">作者详情</nuxt-link>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="#" @click="$router.push('/hist')"
                          >查看历史记录</a
                        >
                        <ul class="sub-menu">
                          <li><nuxt-link to="/hist">历史记录</nuxt-link></li>
                        </ul>
                      </li>
                      <li>
                        <span v-if="!username" @click="$router.push('login')"
                          >去登陆</span
                        >
                        <span v-else>{{ username }}</span>
                      </li>
                      <li>
                        <a v-if="username" @click="Esc()">退出</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="container" style="  padding-top: 20px;">
      <div class="row">
        <div class="col-lg-8">
          <div class="blog-details__main">
            <div class="blog-details__image">
              <img src="/assets/images/faq-bg.png" alt="thumb" />
              <span>06 April, 2020 <span>- 2 Comments</span></span>
            </div>
            <!-- /.blog-details__image -->
            <div class="blog-details__content">
              <h3>司马相如生平经历</h3>
              <p>
                （公元前179年～公元前118年），字长卿，一说蜀郡成都人 ，
                一说巴郡安汉（今四川省南充市蓬安县）人 [1]
                （详见“人物争议”部分）。
                “汉赋四大家”之一，第二批四川历史名人，被誉为“赋圣”、“辞宗” 。
                少名犬子，后慕蔺相如之为人，更名相如。景帝时，以赀为郎，为武骑常侍,非其所好。
                后病免，客游梁。善辞赋，作《子虚赋》。及梁孝王卒，归家，贫无以自业，
                往依临邛令王吉。临邛富人卓王孙女卓文君慕相如之才，与之私奔。乃于临邛买酒舍，
                令文君当垆卖酒，身与庸保杂作。卓王孙乃分与文君僮百人、钱百万，夫妇归成都，
                买田宅为富人。武帝读《子虚赋》，大为赞赏，遂召之。作天子游猎之赋，得任为郎。
                数岁，拜中郎将，奉使巴蜀，略定西南夷，邛、莋、冉、駹、斯榆之君皆请内附，
                边关日益开广。又通灵山道，作孙水桥，以通邛、莋。后拜孝文园令，旋病免。
                所著赋尚有《大人赋》等。原集已佚，明人辑有《司马文园集》。
              </p>
              <p>
                他是汉赋的奠基人，扬雄欣赏他的赋作，赞叹说：“长卿赋不似从人间来，
                其神化所至邪！”被班固、刘勰称为“辞宗”，被林文轩、王应麟、王世贞等学者称为“赋圣”。
                鲁迅的《汉文学史纲要》：中把司马相如和司马迁二人放在一个专节里加以评述，
                指出：“武帝时文人，赋莫若司马相如，文莫若司马迁。” [2]
                2020年6月，四川历史名人文化传承创新工程领导小组评选为第二批四川历史名人
              </p>
            </div>
            <!-- /.blog-details__content -->
            <div class="blog-details__meta">
              <div class="blog-details__tags"></div>
              <!-- /.blog-details__tags -->
              <div class="blog-details__share">
                <ul>
                  <li>
                    <a href="#"><i class="fa fa-facebook-square"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="fa fa-twitter"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="fa fa-instagram"></i></a>
                  </li>
                  <li>
                    <a href="#"><i class="fa fa-pinterest-p"></i></a>
                  </li>
                </ul>
              </div>
              <!-- /.blog-details__share -->
            </div>
            <!-- /.blog-details__meta -->
          </div>
          <!-- /.blog-details__main -->

          <div class="blog-author"></div>
          <!-- /.blog-author -->

          <div class="comment-one"></div>
          <!-- /.comment-one -->
          <div class="comment-form"></div>
          <!-- /.comment-form -->
        </div>
        <!-- /.col-lg-8 -->
        <div class="col-lg-4">
          <div class="sidebar">
            <div class="sidebar__single sidebar__search">
              <form action="#" class="sidebar__search-form">
                <input type="text" name="search" placeholder="Search here..." />
                <button type="submit"><i class="fa fa-search"></i></button>
              </form>
            </div>
            <!-- /.sidebar__single -->
            <div class="sidebar__single sidebar__post">
              <h3 class="sidebar__title">代表作</h3>
              <!-- /.sidebar__title -->
              <div class="sidebar__post-wrap">
                <div class="sidebar__post__single">
                  <div class="sidebar__post-image">
                    <div class="inner-block">
                      <img
                        src="/assets/images/post-1.png"
                        alt="Awesome Image"
                      />
                    </div>
                    <!-- /.inner-block -->
                  </div>
                  <!-- /.sidebar__post-image -->
                  <div class="sidebar__post-content">
                    <span>1</span>
                    <h4 class="sidebar__post-title">
                      <a href="/single-post">《上林赋》</a>
                    </h4>
                    <!-- /.sidebar__post-title -->
                  </div>
                  <!-- /.sidebar__post-content -->
                </div>
                <!-- /.sidebar__post__single -->
                <div class="sidebar__post__single">
                  <div class="sidebar__post-image">
                    <div class="inner-block">
                      <img
                        src="/assets/images/post-2.png"
                        alt="Awesome Image"
                      />
                    </div>
                    <!-- /.inner-block -->
                  </div>
                  <!-- /.sidebar__post-image -->
                  <div class="sidebar__post-content">
                    <span>2</span>
                    <h4 class="sidebar__post-title">
                      <a href="/single-post">《长门赋》</a>
                    </h4>
                    <!-- /.sidebar__post-title -->
                  </div>
                  <!-- /.sidebar__post-content -->
                </div>
                <!-- /.sidebar__post__single -->
                <div class="sidebar__post__single item">
                  <div class="sidebar__post-image">
                    <div class="inner-block">
                      <img
                        src="/assets/images/post-3.png"
                        alt="Awesome Image"
                      />
                    </div>
                    <!-- /.inner-block -->
                  </div>
                  <!-- /.sidebar__post-image -->
                  <div class="sidebar__post-content">
                    <span>3</span>
                    <h4 class="sidebar__post-title">
                      <a href="/single-post">《美人赋》</a>
                    </h4>
                    <!-- /.sidebar__post-title -->
                  </div>
                  <!-- /.sidebar__post-content -->
                </div>
                <!-- /.sidebar__post__single -->
              </div>
              <!-- /.sidebar__post-wrap -->
            </div>
            <!-- /.sidebar__single -->
            <div class="sidebar__single sidebar__category">
              <h3 class="sidebar__title">1</h3>
              <!-- /.sidebar__title -->
            </div>
            <!-- /.sidebar__single -->
            <div class="sidebar__single sidebar__tags"></div>
            <!-- /.sidebar__single -->
          </div>
          <!-- /.sidebar -->
        </div>
        <!-- /.col-lg-4 -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container -->
  </section>
</template>

<script>
export default {
  data() {
    return {
      username: "",
      password: "",
      title: "NLP |作者详情"
    };
  },
  methods: {
    Esc() {
      this.username = "";
      console.log("登出");
      localStorage.clear();

      this.$router.push("/");
    }
  }
};
</script>
